<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>

		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>

	<body>

        <div class="pop-bg">
            <div class="pop-box" id="failed">
                <img src="img/my_gift_title.png" width="100%" alt="" />
                <div class="tips-box nb">
                    <p>很抱歉，您上传的小票未含有冰爽系列饮料和啤酒，视为无效小票，自动取消中奖资格</p>
                </div>
                <button class="close-pop">知道了</button>
            </div>

            <div class="pop-box" id="reviewing">
                <img src="img/my_gift_title.png" width="100%" alt="" />
                <div class="gift-text-box">
                    <p>您上传的小票正在审核中，请耐心等待审核结果...</p>
                </div>
                <button class="close-pop">知道了</button>
            </div>

            <div class="pop-box" id="mySuccess">
                <img src="img/my_gift_title.png" width="100%" alt="" />
                <div class="gift-text-box">
                    <p>您获得一等奖（审核通过）</p>
                    <p>价值5000元大润发购物卡一份</p>
                </div>
                <div class="tips-box">活动结束后10个工作日内公布中奖结果；奖品将于活动结束后30天内邮寄至填写的联系地址。</div>
                <button class="fillAdd">填写收货地址</button>
            </div>

            <div class="pop-box" id="myAdd">
                <img src="img/add_title.png" width="100%" alt="" />
                <div class="pop-add-box">
                    <input type="text" placeholder="姓名" />
                    <input type="text" placeholder="手机号" />
                    <textarea placeholder="详细地址"></textarea>
                </div>
                <button class="submit">确认提交</button>
            </div>

            <div class="pop-box" id="addSub">
                <img src="img/submit_success_title.png" width="100%" alt="" />
                <div class="gift-text-box">
                    <p>您的奖品将于活动结束后30日内寄到</p>
                </div>
                <button class="close-pop">确认</button>
            </div>
        </div>

        <img src="img/logo.jpg" width="100%" alt="" />
        <div class="page">
            <img src="img/waiting_title.png" width="100%" alt="" />
            <div class="bottom-box">
                <img class="coming-soon" src="img/coming_soon.png" alt="">
                <img src="img/ice_img.png" width="100%" alt="" />
                <div class="btn-box">我的奖品</div>
            </div>
        </div>

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.close-pop').click(function (e) {
                $('.pop-bg').removeClass('flex');
                $('.pop-box').hide();
            });

            $('.submit').click(function (e) {
                $('.pop-box').hide();
                $('#addSub').show();
            });

            $('.fillAdd').click(function (e) {
                $('.pop-box').hide();
                $('#myAdd').show();
            });

            $('.btn-box').click(function (e) {
                $('.pop-bg').addClass('flex');
                //$('#failed').show(); //审核未通过
                //$('#reviewing').show(); //审核中
                $('#mySuccess').show(); //审核通过
            });

            $('.rule-btn').click(function (e) {
                $('.pop-bg').addClass('flex');
                $('#rule').show();
            });
        </script>
	</body>

</html>